
.cart_prompt {
	margin: 1.6rem*0.1 1.6rem*0.1 0;padding: 1rem*0.1;line-height: 1.5;background: #fafafa;
	h4 {color: $orange;}
	ol {counter-reset:sectioncounter;color: $c99}
	li {
		&:before {
			content: counter(sectioncounter) "、";
			counter-increment:sectioncounter;
		}
	}
	p {display: none;}
}

.cart_list {
	background:$cff;
	ul {}
	li {
		@extend .cf;
		padding: 1.6rem*0.1;position: relative;border-bottom: 1px solid $cdd;
	}
	.cart_list_goods {
		@extend .cf; display: block;padding-left: 11rem*0.1;position: relative;
	}
	.cart_list_photo {
		width: 10rem*0.1;height: 10rem*0.1;position: absolute;left:0;top: 0;
		img {
			display: block;
			width: 10rem*0.1;height: 10rem*0.1;
			box-shadow: 0 0 0 1px $cddd;
		}
	}
	.cart_list_info {
		position: relative;height: 10rem*0.1;
		.cart_list_info_title {
			height: 3.8rem*0.1;line-height: 1.4;overflow: hidden;
			@extend .fzss;font-weight: normal;color:$c22;
		}
		.cart_list_info_info {
			line-height:1.4; height: 3rem*0.1;overflow: hidden;margin-top: 0.3rem*0.1;
			@extend .fzssm;color:$c99;
		}
		.cart_list_info_price {
			position: absolute;bottom: 0.3rem*0.1;left: 0;line-height: 1;
			@extend .fzmb;color:$orange;
		}
	}
	.goods_num_adjust {
		display: block;float: left;margin-top:1rem*0.1;
		span {width: 3rem*0.1;}
		input {width: 4rem*0.1;}
	}
	.count {
		clear: both;
		display: block;padding-top: 1rem*0.1;
		@extend .fzss;color:$orange;
	}
	.del {
		@extend .fzss;
		text-decoration: none;background:$cee;cursor: pointer;text-align: center;
		border-radius:0.5rem*0.1;box-shadow: 0 0 0 1px $cddd;
		display: block;float: right;margin-top: 1rem*0.1;height:3rem*0.1;line-height: 3rem*0.1;width:5rem*0.1;
	}
}

.cart_footer {
	height: 4.8rem*0.1;
	.cart_footer_fixed {
		height: 4.8rem*0.1;position: fixed;bottom: 0;left: 0;width: 100%;background:$c22;color:$cff;
		@extend .cf;
		.select {
			padding: 1.6rem*0.1 0 0 1.5rem*0.1;float: left;position: relative;height: 1.6rem*0.1;line-height: 1.6rem*0.1;width: 5.5rem*0.1;
			text-indent: 2.4rem*0.1;@extend .fzss;
			&:before {
				display: block;content: "";width: 1.6rem*0.1;height: 1.6rem*0.1;position: absolute;left: 1.6rem*0.1;top: 1.6rem*0.1;
				border-radius: 50%;box-shadow: 0 0 0 1px $cddd;
			}
		}
		.count {
			width: 15rem*0.1;float: right;text-align: right;
			padding: 0.8rem*0.1 1rem*0.1 0.8rem*0.1 0;line-height: 1.6rem*0.1;
			span {
				@extend .fzssb;
			}
			em {
				@extend .fzss;font-weight: bold;
			}
			u {
				@extend .fzssss;
				text-decoration: none;display: block;
			}
		}
		.trade_count {
			float: right;text-align: right;line-height: 4.8rem*0.1;
			width: 22rem*0.1;padding-right: 1rem*0.1;
			span {
				@extend .fzss;
			}
			em {
				@extend .fzms;font-weight: bold;
			}
		}
		.buy {
			width: 9rem*0.1;height: 4.8rem*0.1;line-height: 4.8rem*0.1;float: right;
			background:$orange;text-align: center;cursor: pointer;@extend .fzms;
			input {display: none;}
		}
		.cancel,.enter {
			width: 50%;float: left;line-height: 4.8rem*0.1;text-align: center;@extend .fzms;
		}
		.enter {background:$orange;}
	}
}

.cart_count {
	margin: 1.6rem*0.1;
	h4 {
		color: $orange;text-align: center;padding: 1rem*0.1 0;background: $cfa;
		box-shadow: 0 0 0 1px $cdd inset;@extend .fzsb;
	}
	table {
		width: 100%;table-layout: fixed;text-align: center;margin-top: -1px;
		&,th,td {border: 1px solid $cdd;}
		th,td {padding: .5rem*0.1 0;}
		th {background: $cff;}
		td {@extend .fzsb;color: $orange;}

	}
}


.trade_depot {
	padding:1.2rem*0.1 1.6rem*0.1;@extend .fzssm;border-bottom: 1px solid $cdd;background:$cff;
	span {color: $orange;}
}

.trade_discount {
	border-top: 1px solid $cdd;background: $cff;margin-top: 1.6rem*0.1;
	@extend .fzss;
	dl {
		border-bottom: 1px solid $cdd;padding:0 1.6rem*0.1;height: 2.4rem*0.1*1.6;line-height: 2.4rem*0.1*1.6;
		dt {float: left;}
		dd {float: right;}
	}
}

.pay_status {


	.tip_ok {}
	.tip_delivery {margin-top: 0.5rem*0.1*1.6;}
	.tip_other {margin-top: 1.6rem*0.1;}
}

.pay_status {
	line-height: 1.5;padding: 2rem*0.1 1rem*0.1 1.6rem*0.1 6.5rem*0.1;
	background:url("../image/icon_book.png") 1.6rem*0.1 2.4rem*0.1 no-repeat;
	background-size: 4rem*0.1;
	.tip_ok {@extend .fzss;font-weight: bold;color:$c00;}
	.tip_delivery {@extend .fzssb;color:$c00;}
	.tip_other {
		@extend .fzssm;color: $c99;
		span {color:$orange;}
	}
}

.pay_bank {

	dl {
		margin-bottom: 1.6rem*0.1;background:$cff;border-bottom: 1px solid $cdd;border-top: 1px solid $cdd;
		dt {
			padding:1.2rem*0.1 1.6rem*0.1;border-bottom: 1px solid $cdd;
			h3 {display: inline-block;@extend .fzss;color:$c22;}
			small {@extend .fzsss;color: $c99;}
		}
		dd {
			margin:0 1.6rem*0.1;padding: 0.5rem*0.1*1.6 0;
			&:not(:last-child) {border-bottom: 1px solid $cee;}
			label {display: block;@extend .cf;}
			i{
				width: 10rem*0.1;height: 4.2rem*0.1;box-shadow: 0 0 0 1px $cdd inset;
				overflow: hidden;display: block;float: left;
			}
			img {
				display: block;width: 10rem*0.1;height: 4.2rem*0.1;
			}
			input {display: none;}
			span {
				float: right;width: 2rem*0.1;height: 2rem*0.1;margin-top:1rem*0.1;
				border-radius: 50%;background:$cee;box-shadow: 0 0 0 1px $cdd inset;
			}
			input:checked + span {
				background:url("../image/icon_select.png") center no-repeat $orange;
				background-size: cover;
				box-shadow: 0 0 0 1px $orange inset;
			}
		}
		.pay_card {
			padding:0.5rem*0.1*1.6 1.6rem*0.1;@extend .fzss;color:$c99;line-height: 1.5;
		}
	}
}


.cart_2{
	margin-top: 1.5rem*0.1;
	.cart_sect {
		.cart_sect_header {
			height: 4rem*0.1;line-height: 4rem*0.1;background: #fafafa;
			border-style: solid;border-color: #eee;border-width: 1px 0;
			text-indent: 1.5rem*0.1;font-size: 1.5rem*0.1;color: $orange;font-weight: normal;
		}
	}
	.cart_2_address {
		.addr_list {
			margin: 1rem*0.1 1.5rem*0.1;
			li {
				margin-top: 1.5rem*0.1;position: relative;
				label {
					line-height: 2;display: block;position: relative;
					input {display: none;}
					.address_info {
						background: #fafafa;padding:.5rem*0.1 1rem*0.1;border-radius: .5rem*0.1;color: #999;box-shadow: 0 0 0 1px rgba(#000,0.1) inset;
						strong {color: $orange;text-shadow:1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff;}
					}
					input:checked + .address_info {
						background: $blue;color: #fff;
					}
				}
				.col {
					position: absolute;top: .5rem*0.1;right: .5rem*0.1;
					a {
						display: block;padding:.5rem*0.1 1rem*0.1;float: left;
						color:#fff;background: darken($blue,20%);border-radius: .3rem*0.1;margin-left: 1rem*0.1;
					}
				}
			}
		}
	}
	.cart_2_delivery {
		.delivery {
			margin: 1rem*0.1 1.5rem*0.1;
			li {
				margin-top: 1.5rem*0.1;position: relative;
				label {
					line-height: 2;display: block;position: relative;
					input {display: none;}
					.info {
						background: #fafafa;padding:.5rem*0.1 1rem*0.1;border-radius: .5rem*0.1;
						color: #999;box-shadow: 0 0 0 1px rgba(#000,0.1) inset;
						strong {color: $orange;text-shadow:1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff;}
					}
					input:checked + .info {
						background: $blue;color: #fff;
					}
				}
				.ziti_btn {
					position: absolute;top: .5rem*0.1;right: .5rem*0.1;
					display: block;padding:0 1rem*0.1;
					color:#fff;background: darken($blue,20%);border-radius: .3rem*0.1;
				}
			}
			.block-row {
				label {
					display: inline-block;
					span {
						display: inline-block;padding: 0 1rem*0.1;margin-right: 1rem*0.1;
						border-radius: .3rem*0.1;background: #fafafa;
						box-shadow: 0 0 0 1px rgba(#000,0.1) inset;
					}
					input:checked + span {
						background: $blue;color: #fff;
					}
				}
			}
		}
	}
	.cart_2_pay {
		.pay_box {
			margin: 0 1.5rem*0.1 1.5rem*0.1;
			label {
				line-height: 2;display: inline-block;margin-top: 1.5rem*0.1;
				input {display: none;}
				.info {
					background: #fafafa;padding:.5rem*0.1 1rem*0.1;border-radius: .5rem*0.1;
					color: #999;display: inline-block;margin-right: .5rem*0.1;
					box-shadow: 0 0 0 1px rgba(#000,0.1) inset;
				}
				input:checked + .info {
					background: $blue;color: #fff;
				}
			}
		}
	}
	.cart_2_message {
		.message_box {
			padding: 1.5rem*0.1;
			input {
				display: block;border: none;width: 100%;
				height: 2rem*0.1;line-height: 2rem*0.1;padding: 1rem*0.1 0;text-indent: 1rem*0.1;
				box-shadow: 0 0 0 1px #eee inset
			}
		}
	}
	.cart_2_pro {
		padding-bottom: 1.5rem*0.1;
		ol {
			counter-reset:item;margin:1.5rem*0.1; padding: 1rem*0.1;background: rgba($orange,0.1);
			border-radius: .5rem*0.1;box-shadow: 0 0 0 1px rgba($orange,.2) inset;line-height: 1.4;
			span {color: $orange;font-size: 1.3rem*0.1;}
			li {
				color: #999;
				&:before {
					content:counter(item)". ";
					counter-increment:item;
				}
			}
		}
		ul {
			margin: 0 1.5rem*0.1;border-top: 1px dotted #eee;
			li {
				@extend .cf;border-bottom: 1px dotted #eee;padding: 1rem*0.1 0;
				position: relative;
				img {
					width: 9rem*0.1;height: 9rem*0.1;display: block;float: left;
					box-shadow: 1px 1px 3px rgba(#000,.2);
				}
				.info {
					width: 23rem*0.1;float: right;
					h4 {font-size: 1.3rem*0.1;font-weight: bold;color: $orange;@include online(2rem*0.1);}
					.tip {
						margin-top: 1rem*0.1;
						span {
							display: inline-block;padding: .5rem*0.1 .7rem*0.1;margin-right: .2rem*0.1;background: $blue;
							color: #fff;border-radius: .5rem*0.1;
						}
					}
					.count {
						margin-top: 1rem*0.1;
						strong {color: #999;font-weight: normal;}
						i {margin-right: 1rem*0.1;}
						em {color: $orange}
					}
				}
			}
		}
	}
	.cart_2_count {
		.count {padding: 1.5rem*0.1;text-align: right;line-height: 1.6;}
		.btn_box {padding: 0 1.5rem*0.1 1.5rem*0.1;}
	}
	.cart_2_tax {
		.tax_box {
			padding: 1.5rem*0.1;
			@extend .cf;
			p {float: left;line-height: 2rem*0.1;}
			label {
				float: right;display: block;
				input {display: none;}
				span {
					border-radius: 1rem*0.1; height: 2rem*0.1;width: 3.5rem*0.1;
					box-shadow: 0 0 0 1px #ddd;position: relative;display: block;
					&:after {
						content: "";position: absolute;left: .2rem*0.1;top: .2rem*0.1;display: block;
						border-radius: 50%;width: 1.6rem*0.1;height: 1.6rem*0.1;
						background: #eee;box-shadow: 0 0 0 1px #ddd;
					}
				}
				input:checked + span {
					box-shadow: 0 0 0 1px rgba($blue,.5);
					&:after {
						background: rgba($blue,.5);box-shadow: 0 0 0 1px $blue;
						left: auto;right: .2rem*0.1;
					}
				}
			}
		}
		.tax_title {
			padding: 0 1.5rem*0.1 1.5rem*0.1;display: block;
			input {
				display: block;border: none;width: 100%;
				height: 2rem*0.1;line-height: 2rem*0.1;padding: 1rem*0.1 0;text-indent: 1rem*0.1;
				box-shadow: 0 0 0 1px #eee inset
			}
		}
	}
}

.cart_3 {
	padding: 1.5rem*0.1;
	table {
		width: 100%;
		&,th,td {
			border: 1px solid #eee;
		}
		th,td {
			padding: .5rem*0.1;line-height: 1.4;
		}
		th {
			background: #fafafa;width: 8rem*0.1;
		}
	}
}
